.task-tab-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 16px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 4px;

  .task-tabs {
    .tabs_msg {
      max-width: 763px;
      margin-top: 14px;
      color: #666666;
      line-height: 17px;
      font-size: 12px;

      span {
        color: #333333;
      }
    }

  }
}

.lh-52 {
  margin-top: 30px; 
  .el-button{
    padding: 8px 15px;
    .iconfont{
      font-size: 14px;
      margin-right: 8px;
    }
  }
 
}

.task-type-list {
  display: flex;
  flex-flow: wrap;
  align-content: flex-start;
  // width: calc(100% + 12px); 
  height: calc(100% - 125px);
  overflow-y: scroll;
  .task-type-list-content {
    @include dynamic-card-list(2, 'task-type-item');
  }
  .task-type-item {
    margin: 0 12px 12px 0;
  }
}
.task-type-template{
  height: calc(100% - 108px);
}

// transtion
.flip-list-move {
  transition: transform 0.5s;
}

.ghost {
  opacity: 0.5;
  background: #c8ebfb;
}